<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			姓：<input type="text" v-model="firstName"/>
			名：<input type="text" v-model="lastName"/>
			<!-- 调用逻辑 -->
			全名：<span>{{firstName}}{{lastName}}</span>
			全名：<span>{{span()}}</span>
		</div>
		<script>
			var vm=new Vue({
				el:"#app",
				data:{
					firstName:'张',
					lastName:'三'
				},
				methods:{
					span(){
						return this.firstName+this.lastName
					}
				}
			})
		</script>
	</body>
</html>